<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<!-- 响应式布局 -->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title></title>
		<link href="layui/css/layui.css" rel="stylesheet" />
	</head>
	<body>
		<div class="layui-container">
			<div class="layui-row">
				<div class="layui-col-md3" style="height: 350px; background-color: pink;"></div>
				<div class="layui-col-md9" style="height: 350px; background-color: gold;">
					<div class="layui-col-md12" style="height: 50px; background-color: aqua;"></div>
					<div class="layui-col-md12" style="height: 300px; background-color: yellow;">
						<!-- <div class="layui-row"></div> -->
							<div class="layui-col-md9" style="height: 300px; background-color: red;"></div>
							<div class="layui-col-md3" style="height: 300px; background-color: blue;"></div>
						
					</div>
				</div>
			</div>

		</div>
		<script src="layui/layui.js"></script>
	</body>
</html>